import { ThemeProvider } from 'styled-components';
import { lightTheme } from './default';

// default is light theme
const theme = window.localStorage.getItem('THEME') === 'dark' ? {} : lightTheme

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const ThemeProviderWrapper = (props: any) => {
    return ThemeProvider({
        theme,
        ...props
    })
};

export default ThemeProviderWrapper;
export {
    theme
}
